import styled from 'styled-components'
export const FileDialogWrap = styled.div`
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 10px 20px;
	.file-left {
		width: 190px;
		height: 350px;
		display: flex;
		flex-direction: column;
		.header {
			border-bottom: 1px solid #949799;
		}
		.context {
			margin-top: 10px;
		}
	}
	.file-right {
		width: 400px;
		height: 380px;
		display: flex;
		flex-direction: column;
		.kd-table-body-row-cell {
			font-size: 12px;
		}
		.context {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			max-height: 314px;
			.kd-table {
				overflow: auto;
			}
		}
		.page {
			margin-top: 10px;
			display: flex;
			justify-content: flex-end;
		}
	}
	.header {
		height: 24px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-bottom: 8px;
		.title {
			display: flex;
			align-items: flex-end;
		}
	}
`
